{% extends 'base.html' %}

{% block title %}首页{% endblock %}

{% block content %}
<style>
    body {
        background-image: url("{% static 'bj.jpg' %}");
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        opacity: 0.7;
    }
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .animated-text {
        animation: fadeIn 1s ease-in-out;
    }

</style>
    <div class="container text-end">
        <hr class="my-4">
        <h1 class="display-4 animated-text text-white" >欢迎来到学生管理系统</h1>
        <hr>
        <p class="lead animated-text text-white display-10 " >{{SITE_DESCRIPTION}}</p>
        <p class="animated-text text-white">
            如有任何操作问题，请点击 <a href="#" class="text-primary"><i class="bi bi-question-circle me-1"></i>帮助文档</a>
        </p>
    
        

        
    </div>
{% endblock %}